<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="header(title, flag)">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="MSThemeCompatible" content="Yes"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <title th:text="${application.systemTitle} + ' - ' + ${title}"></title>
    <meta th:content="${application.webKeywords}" name="Keywords"/>
    <meta th:content="${application.webDescription}" name="Description"/>
    <link th:href="@{static/images/favicon.ico}" rel="shortcut icon" type="image/x-icon">
    <link href="https://file.gydtrade.com/static/images/favicon.ico" rel="icon" sizes="any" mask>

    <link th:href="@{static/front/css/style_2_common.css}" type="text/css" rel="stylesheet"/>
    <link th:href="@{static/front/css/style_2_portal_index.css}" type="text/css" rel="stylesheet"
          th:if="${flag == 'index'}"/>
    <link th:href="@{static/front/css/style_2_portal_list.css}" type="text/css" rel="stylesheet"
          th:if="${flag == 'about' || flag == 'news' || flag == 'case' || flag == 'wenti' || flag == 'contact'}"/>
    <link th:href="@{static/front/css/style_2_portal_view.css}" type="text/css" rel="stylesheet"
          th:if="${flag == 'newsshow' || flag == 'caseshow' || flag == 'wentishow'}"/>
    <link th:href="@{static/front/css/about.css}" type="text/css" rel="stylesheet"
          th:if="${flag == 'contact'}"/>
    <link th:href="@{static/front/css/style.css}" type="text/css" rel="stylesheet"/>
    <link th:href="@{static/front/css/service.css}" type="text/css" rel="stylesheet"/>
    <script th:src="@{static/front/js/jquery-1.7.2.js}" type="text/javascript"></script>
    <script th:src="@{static/front/js/common.js}" type="text/javascript"></script>
    <script th:src="@{static/front/js/pace.js}" type="text/javascript"></script>
    <script th:src="@{static/front/js/week_nav.js}" type="text/javascript"></script>
    <script th:src="@{static/front/js/forum_viewthread.js}" type="text/javascript"
            th:if="${flag == 'newsshow' || flag == 'caseshow' || flag == 'wentishow'}"></script>
    <script th:src="@{static/front/js/home.js}" type="text/javascript"></script>
    <script th:src="@{static/front/js/discuz_tips.js}" type="text/javascript" charset="UTF-8"></script>
    <script th:src="@{static/front/js/banner.js}" type="text/javascript"
            th:if="${flag == 'index'}"></script>
    <script src="http://api.map.baidu.com/api?key=&v=1.1&services=true" type="text/javascript"
            th:if="${flag == 'contact'}"></script>

    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?f0f3a915bb28a090471eb373de582d69";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

</head>
<body>
<div th:fragment="navbar">
    <div id="append_parent"></div>
    <div id="ajaxwaitid"></div>
    <div id="toptb" class="cl" style="display:none;"></div>
    <div id="hd" style="background:#FFF; height:60px; border-bottom:1px solid #E6E6E6; ">
        <div class="clear"></div>
        <div id="week_nav">
            <div class="wk_navwp">
                <div class="wk_lonav">
                    <div class="wk_logo">
                        <h2><a th:href="@{index.html}" title="">
                            <img th:src="@{static/front/images/logo.png}" alt="" border="0"/></a>
                        </h2>
                    </div>
                    <div class="wk_inav">
                        <ul class="nav">
                            <li th:class="${navbar=='index'?'active':''}"><a th:href="@{index.html}">网站首页</a></li>
                            <li th:class="${navbar=='about'?'active':''}"><a th:href="@{about.html}">关于我们</a></li>
                            <li th:class="${navbar=='news'?'active':''}"><a th:href="@{news.html}">新闻资讯</a></li>
                            <li th:class="${navbar=='case'?'active':''}"><a th:href="@{case.html}">项目案例</a></li>
                            <li th:class="${navbar=='wenti'?'active':''}"><a th:href="@{wenti.html}">常见问题</a></li>
                            <li th:class="${navbar=='contact'?'active':''}"><a th:href="@{contact.html}">联系我们</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="mu" class="cl">
        <div class="wp"></div>
    </div>
</div>

<div class="section fp-auto-height" th:fragment="footer">
    <div class="wk_footer_side">
        <div class="wk_footer">Copyright © [[${application.copyright}]]
            <a th:href="${application.companyWeb} + ${application.contentPath}"
               th:title="${application.companyName}">[[${application.companyName}]]</a>
            <a href="https://beian.miit.gov.cn" target="_blank" th:title="${application.webRecord}">[[${application.webRecord}]]</a>
            <span th:if="${application.securityRecord!=''}">&nbsp;&nbsp;&nbsp;&nbsp;</span>
            <a href="https://beian.mps.gov.cn" target="_blank" th:if="${application.securityRecord!=''}"
               th:title="${application.securityRecord}">
                <img th:src="@{static/images/gongan.png}" style="width: 16px; height: 16px;"
                     th:if="${application.securityRecord!=''}">
                [[${application.securityRecord}]]
            </a>
            <br/>
            友情链接：<a href='http://www.gydtrade.com' target='_blank' title="隔云端">隔云端</a>
            <a href='http://www.gydtrade.cn' target='_blank' title="隔云端信息技术">隔云端信息技术</a>
        </div>
    </div>
</div>

<div th:fragment="service">
    <ul id="scbar_type_menu" class="p_pop" style="display: none;"></ul>

    <div class="main-im">
        <div id="open_im" class="open-im"></div>
        <div class="im_main" id="im_main">
            <div id="close_im" class="close-im"><a href="javascript:void(0);" title="点击关闭"> </a></div>
            <a th:href="${'http://wpa.qq.com/msgrd?v=3&amp;uin=' + application.companyQQ + '&amp;site=qq&amp;menu=yes'}"
               target="_blank" class="im-qq qq-a"
               title="在线QQ客服">
                <div class="qq-container"></div>
                <div class="qq-hover-c"><img class="img-qq" th:src="@{static/front/images/qq.png}"></div>
                <span>QQ在线咨询</span>
            </a>
            <div class="im-tel">
                <dt>售前咨询热线</dt>
                <dt class="tel-num">[[${application.companyQQ}]]</dt>
                <dt>售后服务热线</dt>
                <dt class="tel-num">[[${application.companyQQ}]]</dt>
            </div>
            <div class="im-footer" style="position:relative">
                <div class="weixing-container">
                    <div class="weixing-show">
                        <div class="weixing-txt">微信扫一扫<br>
                            关注我们<br>
                            获取更多精彩风格
                        </div>
                        <img class="weixing-ma" th:src="@{static/front/images/weixin.jpg}">
                        <div class="weixing-sanjiao"></div>
                        <div class="weixing-sanjiao-big"></div>
                    </div>
                </div>
                <div class="go-top"><a href="#" title="返回顶部"></a></div>
                <div style="clear:both"></div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        PTM(document).ready(function () {
            PTM('#close_im').bind('click', function () {
                PTM('#main-im').css("height", "0");
                PTM('#im_main').hide();
                PTM('#open_im').show();
            });

            PTM('#open_im').bind('click', function (e) {
                PTM('#main-im').css("height", "272");
                PTM('#im_main').show();
                PTM(this).hide();
            });

            PTM(".weixing-container").bind('mouseenter', function () {
                PTM('.weixing-show').show();
            })

            PTM(".weixing-container").bind('mouseleave', function () {
                PTM('.weixing-show').hide();
            });
        });
    </script>
    <div id="scrolltop">
        <span hidefocus="true">
            <a title="返回顶部" onclick="window.scrollTo('0','0')" class="scrolltopa">
                <b>返回顶部</b>
            </a>
        </span>
    </div>
    <script type="text/javascript">
        _attachEvent(window, 'scroll', function () {
            showTopLink();
        });
        checkBlind();
    </script>
    <div id="discuz_tips" style="display:none;"></div>
</div>

<div th:fragment="contact">
    <div class="clear"></div>
    <!--[diy=wk_zcyl1]-->
    <div id="wk_zcyl1" class="area"></div>
    <!--[/diy]-->
    <div class="clear"></div>
    <div class="wk_c_left_cont">
        <span class="wk_c_left_cont1">联系方式</span>
        <span class="wk_c_left_cont2">Contact</span>
    </div>
    <div class="wk_left_contdiv">
        <span><strong>地 址：</strong>[[${application.companyAddress}]]</span>
        <span><strong>公司名称：</strong>[[${application.companyName}]]</span>
        <span><strong>售前咨询：</strong>[[${application.companyQQ}]]</span>
        <span><strong>售后技术：</strong>[[${application.companyQQ}]]</span>
        <span><strong>咨询Q Q：</strong>[[${application.companyQQ}]]</span>
        <span><strong>邮 箱：</strong><a
                th:href="'mailto:' + ${application.companyEmail}">[[${application.companyEmail}]]</a></span>
    </div>
    <div class="clear"></div>
    <!--[diy=wk_zcyl2]-->
    <div id="wk_zcyl2" class="area"></div>
    <!--[/diy]-->
    <div class="clear"></div>
</div>
</body>
</html>